<template>
  <div>
    <div>

        <!-- 头部导航 -->
        <div>
            <van-nav-bar
                title="防疫知识"
                left-text="返回"
                left-arrow
                @click-left="onClick"
                />
        </div>
        <!-- 头部导航 -->


        <!-- 搜索框 -->
        <div>
            <search></search>
        </div>
        <!-- 搜索框 -->

        <!-- tab标签 -->
        <div>
            <van-tabs v-model="active">
            <van-tab title="远离谣言"></van-tab>
            <van-tab title="返程防控"></van-tab>
            <van-tab title="生活预防"></van-tab>
            </van-tabs>
        </div>
        <!-- tab标签 -->


        <!-- 主题区域 -->
        <div>

            <div class=" zhu fle">
                <div>
                    <div>多带几层口罩就可以防护病毒是真的吗</div>
                    <div>北京某某医疗平台<span></span>99评价</div>
                </div>
                <div>
                    <img src="../../../assets/bdashd.png" alt="" width="110px" height="80px">
                </div>
            </div>

            <div class=" zhu fle">
                <div>
                    <div>多带几层口罩就可以防护病毒是真的吗</div>
                    <div>北京某某医疗平台<span></span>99评价</div>
                </div>
                <div>
                    <img src="../../../assets/bdashd.png" alt="" width="110px" height="80px">
                </div>
            </div>

            <div class=" zhu fle">
                <div>
                    <div>多带几层口罩就可以防护病毒是真的吗</div>
                    <div>北京某某医疗平台<span></span>99评价</div>
                </div>
                <div>
                    <img src="../../../assets/bdashd.png" alt="" width="110px" height="80px">
                </div>
            </div>

            <div class=" zhu fle">
                <div>
                    <div>多带几层口罩就可以防护病毒是真的吗</div>
                    <div>北京某某医疗平台<span></span>99评价</div>
                </div>
                <div>
                    <img src="../../../assets/bdashd.png" alt="" width="110px" height="80px">
                </div>
            </div>

            <div class=" zhu fle">
                <div>
                    <div>多带几层口罩就可以防护病毒是真的吗</div>
                    <div>北京某某医疗平台<span></span>99评价</div>
                </div>
                <div>
                    <img src="../../../assets/bdashd.png" alt="" width="110px" height="80px">
                </div>
            </div>

            <div class=" zhu fle">
                <div>
                    <div>多带几层口罩就可以防护病毒是真的吗</div>
                    <div>北京某某医疗平台<span></span>99评价</div>
                </div>
                <div>
                    <img src="../../../assets/bdashd.png" alt="" width="110px" height="80px">
                </div>
            </div>

            <div class=" zhu fle">
                <div>
                    <div>多带几层口罩就可以防护病毒是真的吗</div>
                    <div>北京某某医疗平台<span></span>99评价</div>
                </div>
                <div>
                    <img src="../../../assets/bdashd.png" alt="" width="110px" height="80px">
                </div>
            </div>

            <div class=" zhu fle">
                <div>
                    <div>多带几层口罩就可以防护病毒是真的吗</div>
                    <div>北京某某医疗平台<span></span>99评价</div>
                </div>
                <div>
                    <img src="../../../assets/bdashd.png" alt="" width="110px" height="80px">
                </div>
            </div>

            <div class=" zhu fle">
                <div>
                    <div>多带几层口罩就可以防护病毒是真的吗</div>
                    <div>北京某某医疗平台<span></span>99评价</div>
                </div>
                <div>
                    <img src="../../../assets/bdashd.png" alt="" width="110px" height="80px">
                </div>
            </div>

        </div>
        <!-- 主题区域 -->


    </div>
  </div>
</template>

<script>
import search from '../../../components/search.vue'
export default {
    components:{
        search
    },
    data(){
        return{
            active:0
        }
    },

    methods:{
        onClick(){
            this.$router.back()
        }
    }
}
</script>

<style lang="less" scoped>
.zhu{
    width: 370px;
    height: 100px;
    margin: auto;
    border-bottom: 1px solid #BDBDBD ;
    // background-color: red;
}
.fle{
    display: flex;
}
.jus{
    justify-content: space-between;
}
</style>